<template>
<div>
    <p>row</p>
    <div class="row">
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
    </div>
    <p>colum</p>

    <div class="colum">
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
    </div>
</div>
</template>
    <style  scoped>
    
  
        .row {
            display: flex;
            flex-direction: row;
        }
        
        .colum {
            display: flex;
            flex-direction: column;
        }
        
        .item {
            background: red;
            height: 100px;
            width: 100px;
            border: 1px solid #000;
        }
    </style>